<template>
    <div class="idx_body">
       <div class="idx_top">============</div>

       <div class="idx_content">
            <ul>

                <li v-for="idxContent in idxContentList"
            :key="idxContent.id"
            @click="clickContent(idxContent)"> {{idxContent.text}}</li>
             
            </ul>

       </div>


    </div>
</template>
<script>


export default {
    data(){
        return {
            idxContentList:[
                {
                    id:1,
                    text:"工作周报"
                },
                {
                    id:2,
                    text:"年终总结"
                },
                {
                    id:3,
                    text:"论文"
                },
                {
                    id:4,
                    text:"伪原创"
                },
                {
                    id:5,
                    text:"诗词"
                },
                {
                    id:6,
                    text:"万能问答"
                },
            ]
        }
    },
    mounted(){},
    methods:{
       clickContent(obj){
            this.$router.push({name:'ChatHome',query: {obj:obj}})
       }
    }
}
</script>
<style lang="scss" scoped>

    .idx_body{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1000;
        background: #FFFFFF;
        .idx_top{
            width: 100%;
            height: 10%;
            background: red;
        }

        .idx_content{
            width: 100%;
            ul li{
                float: left;
                width: 50%;
                height: 200px;
                text-align: center;
                line-height: 200px;
                list-style: none;
                border: 1px solid #000000;
                box-sizing:border-box;
            }
        }
    }
</style>
